<template>
  <el-breadcrumb separator="/" >
    <!--{{$route.meta.title}}获取路由管理中配置的meta值
        :to="{ path: '/' }"点击跳转到指定路由
        $route.path 获取路由值，hash
    -->
    <el-breadcrumb-item :to="{ path: $route.path }" class="line">{{$route.meta.title}}</el-breadcrumb-item>
  </el-breadcrumb>
</template>
<style scoped>
.el-breadcrumb {
  height: 10px;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.line {
  border-left: 3px solid #31c17b;
  padding-left: 10px;
}
</style>